<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>项目预约</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/project/confirm_booking.css" />
		<script type="application/javascript" src="../../js/common/static_common.js"></script>
	</head>
	<body>
		 <div class="_div data-v-1ed0f7c6 container" id="app" v-cloak>
			<header title="确认预约"></header>
			<div class="_div data-v-1ed0f7c6 mall">
				<div class="_div data-v-1ed0f7c6 mall_left">
					<image alt class="_img data-v-1ed0f7c6 mallIMG" :src="mall.logoPath?(imgUrl+mall.logoPath):''"></image>
				</div>
				<div class="_div data-v-1ed0f7c6 mall_right">
					<div class="_p data-v-1ed0f7c6 mall_name">{{mall.name}}</div>
					<div class="_p data-v-1ed0f7c6 hos_name">{{mall.hospitalName}}</div>
					<div class="_p data-v-1ed0f7c6 booking_price">预约价
			  <label class="_span data-v-1ed0f7c6 price">¥{{mall.appPrice}}</label>
					</div>
				</div>
			</div>
			<div class="_div data-v-1ed0f7c6">
				<div class="_div data-v-1ed0f7c6 section">
					<div class="_div data-v-1ed0f7c6 section__title"></div>
					<div bindchange="handleProxy" class="_picker data-v-1ed0f7c6" :start="currentdate" v-model="date">
						<div class="_div data-v-1ed0f7c6 picker"> 预约时间:
							<input class="_input data-v-1ed0f7c6 tel_input" placeholder="请选择预约时间" type="text" id="date" v-model="date" />
						</div>
					</div>
				</div>
			</div>
			<div class="_div data-v-1ed0f7c6 text"> 备注:
		  <input bindinput="handleProxy" class="_input data-v-1ed0f7c6 tel_input" placeholder="请输入（选填）" type="text" v-model="wetchartNum"></input>
			</div>
			<div class="_div data-v-1ed0f7c6 text text1"> 服务商手机号:
		  <input @blur="focusInput" bindinput="handleProxy" class="_input data-v-1ed0f7c6 tel_input" :disabled="isPhone" placeholder="请输入服务商手机号（选填）" maxlength="11" v-model="telNum"></input>
			</div>
			<div class="_div data-v-1ed0f7c6 div">
				<div class="_div data-v-1ed0f7c6 total">合计：
			<label class="_span data-v-1ed0f7c6 num1">¥ </label>
					<label class="_span data-v-1ed0f7c6 num">{{totalCost}} </label>
				</div>
				<button bindtap="handleProxy" class="_button data-v-1ed0f7c6 btn" :disabled="isDisabled" @click="submitBooking">提交预约</button>
			</div>
			<div class="_div data-v-1ed0f7c6 text2">
				<div class="_p data-v-1ed0f7c6 row">
					<label class="_span data-v-1ed0f7c6 row_item">总价</label>
					<label class="_span data-v-1ed0f7c6 row_item1">¥ </label>{{mall.appPrice}}</div>
				<!--<div class="_p data-v-1ed0f7c6 row">
					<label class="_span data-v-1ed0f7c6 row_item">优惠</label> {{discount}}</div>-->
			</div>
			<form action="https://mjz.yitavc.com/order/pay/appWx" style="display: none;" method="get" enctype="application/x-www-form-urlencoded" ref="sForm">
				<input ref="orderNo" type="text" name="orderNo" v-model="order_sn"/>
				<input ref= "openid" type="text" name="openid" v-model="openid"/>
				<input ref="httpIpPort" type="text" name="httpIpPort" v-model="httpIpPort"/>
				<input ref= "orderType" type="text" name="orderType" v-model="orderType"/>
				<input type="submit" ref="submitForm" value="提交"/>
			</form>
		</div>
		
	</body>
	<script type="application/javascript" src="../../js/confirm_booking/main.js"></script>
	<script>
		var calendar = new lCalendar();
		calendar.init({
			'trigger': '#date',
			'type': 'date'
		});
	</script>
</html>
